<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>告警收敛</title>
    <style>
        /* body {
            font-family: Arial, sans-serif;
            background-color: #f8f9fa;
            margin: 0;
            padding: 0;
            display: flex; 
            justify-content: center;
            align-items: center;
            height: 100vh;
            text-align: center;
        } */
        body {
            font-family: Arial, sans-serif;
            background-color: #f8f9fa;
            margin: 0;
            padding: 0;
            height: 100vh;
            text-align: center; /* 添加此属性来居中显示块级元素 */
        }
        /* .container {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            max-width: 800px;
            width: 100%;
            text-align: center;
        } */

        .container {
            display: inline-block;
            text-align: left; /* 重置文本对齐方式 */
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            max-width: 800px;
            width: 90%; /* 限制宽度为90%，确保不会太宽 */
            vertical-align: middle; /* 垂直居中 */
            margin: 20px auto; /* 上下外边距自动调整，左右外边距为0 */
        }

        h2 {
            color: #2c3e50;
            text-align: center;
            margin-bottom: 20px;
        }
        label {
            display: block;
            margin-bottom: 8px;
            font-weight: bold;
            color: #555;
        }

        input[type="file"], input[type="number"] {
            margin: 10px 0;
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 4px;
            width: 100%;
        }

        input[type="submit"] {
            background-color: #007bff;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
        }

        input[type="submit"]:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>告警收敛分析</h2>
        
        <form action="/alarm_convergence" method="post" enctype="multipart/form-data">
            <label for="file">选择要分析的文件：</label>
            <input type="file" id="file" name="file"><br><br>
    
            <label for="min_support">请输入最小支持度：</label>
            <input type="number" id="min_support" name="min_support" min="0" max="1" step="0.01" value="0.05"><br><br>
    
            <label for="min_conf">请输入最小可信度：</label>
            <input type="number" id="min_conf" name="min_conf" min="0" max="1" step="0.01" value="0.5"><br><br>
            
            <input type="submit" value="确认执行">
        </form>
    </div>
    <!-- 新增的算法解释部分 -->
    <div class="container" style="margin-top: 30px;">
        <h2>本项目使用Apriori算法</h2>
        <p><strong>最小支持度（Min Support）：</strong>最小支持度是一个阈值，用于确定项集的频繁性。支持度是指项集在所有交易中出现的频率。如果项集的支持度低于最小支持度，那么它将被认为不频繁，不会被用于进一步的分析。例如，如果最小支持度设置为0.05，那么只有至少在5%的数据条目中出现的项集才会被认为是频繁的。</p>
        <p><strong>最小可信度（Min Confidence）：</strong>最小可信度用于评估关联规则的强度。它表示在前项出现的条件下，后项出现的条件概率。如果一个规则的可信度低于最小可信度，那么认为这个规则不够可靠。例如，如果最小可信度设置为0.5，那么只有当A出现时B出现的概率至少为50%时，规则A => B才会被认为是有意义的。</p>
    </div>
</body>
</html>
